<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鼠标悬停显示隐藏文字</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
</head>
<script type="text/javascript">
    $(function () {
        $("#dialog").dialog({
            autoOpen : false,   // 是否自动弹出窗口
            modal : true,    // 设置为模态对话框
            resizable : true,
            width : 600,   //弹出框宽度
            height : 400,   //弹出框高度
            title : "用户登录",  //弹出框标题
            position : "center",  //窗口显示的位置
            buttons:{
                '确定':function(){
                    $("##dialog").dialog("open");
//调用登录的方法
                },
                '取消':function(){
                    $(this).dialog("close");
                }
            }
        });
        $( "#opener" ).click(function() {
            $( "#dialog" ).dialog( "open" );
        });
    })

</script>
<body>
<div id="dialog" style="display:none">

    <iframe id="frame" style="border: 0px;" src="http://36.155.115.9:10086/wui/index.html" width='100%' height='100%'></iframe>

</div>
<button id="opener">打开对话框</button>
</body>
</html>